草庐IT

HTML 实例

全部标签

javascript - React HTML 编辑器 (TinyMce)

我一直在寻找用于React的HTML编辑器,但因为我找不到任何可以正常工作的东西(我只需要格式化文本h1、h2、h3、p、粗体和图像[在base64中])最后我决定使用TinyMce,效果很好。但只有当页面第一次打开时。如果我再次进入该页面。如果没有浏览器relaod,则tinymce不会被初始化。你知道在这种情况下会触发什么react事件吗?到目前为止,这是我的小wrapper:/**@jsxReact.DOM*/varReact=require('react');varTinyMceEditor=React.createClass({componentDidMount:functi

javascript - 通过实例方法修改类的所有成员

在JavaScript中,是否可以在影响其所有兄弟对象的对象上调用实例方法?例如,假设我有以下类(class):functionThing(){this.active=false;}Thing.prototype={constructor:Thing,activate:function(){this.active=true;},deactivate:function(){this.active=false;}};我是否可以创建一个activateAll方法来激活类Thing的所有实例?我需要this.active成为一个实例变量。 最佳答案

javascript - 防止 Jade 在 HTML 元素中添加赋值子句

我想在Angular2应用程序的输入标签中定义一个局部变量:input(#sometext)button((click)="addTechnology(sometext.value)")Add我期望的输出是:Add但是实际输出是(注意附加的="#sometext"):Add这样,Angular2会抛出以下错误,很可能是因为="#sometext":CannotfinddirectivewithexportAs='#sometext'Error:CannotfinddirectivewithexportAs='#sometext'atnewBaseException(https://co

javascript - 将 NodeList 附加到 HTML 元素

我有以下字符串:varsonglist='MamaTriedBlueEyesCryingIntheRain';我正在通过这个自定义函数将其转换为NodeList:vartoDom=function(str){vartmp=document.createElement("div");tmp.innerHTML=str;returntmp.childNodes;};console.log(toDom(songlist))输出NodeList[,],您可以浏览开发工具。当我尝试将集合附加到节点时...document.getElementById("app-data").appendChil

javascript - 实例上的正则表达式总匹配

我的测试字符串包含一个左方括号和一个右方括号的4个实例,因此我希望以下正则表达式返回4个匹配项,但它只返回1个。consttest="sf[[[[asdf]]]]asdf"constregExp=newRegExp(/^.*\[.*\].*$/,"g");constmatches=test.match(regExp).length;console.log(matches); 最佳答案 您可以结合使用递归和正则表达式:functionparse(str){constmatches=[];str.replace(/\[(.*)]/,(m

javascript - 在 html 页面上更改鼠标光标

我需要一种在html页面上更改鼠标光标的方法。我知道这可以用css来完成,但我需要能够在运行时更改它,例如在页面上有按钮,当它们被单击时,它们会将光标更改为特定的自定义图形。我认为最好的(或唯一的?)方法是通过javascript?我希望有一种方法可以很好地完成这项工作,并且适用于所有主流浏览器。如果有人可以帮助我,我将不胜感激。提前致谢 最佳答案 感谢您的回复。我终于让它工作了。这是我的做法:functionchangeToCursor1(){document.body.style.cursor="url('cursor1.ani

javascript - 如何改变 HTML canvas 中的线条粗细?

我这里有一个例子http://jsfiddle.net/8NzjH/我正在尝试绘制一条粗的中间线,如下所示:varcontext=canvas.getContext("2d");context.strokeStyle='#000000';context.fillStyle='#000000';context.moveTo(10,10);context.lineTo(50,10);context.save();context.lineWidth=15;context.moveTo(10,30);context.lineTo(50,30);context.restore();context

javascript - 使用 ES6 类将实例方法传递给 super

据我了解,在调用super()之前,this在构造函数中不可用。不过,在引用实例方法时,我们需要在方法前加上this前缀。那么如何将实例方法传递给super()呢?例如在Phaserframework,有一个Button类(class)。构造函数接受点击事件的回调:ConstructornewButton(game,x,y,key,callback,callbackContext,overFrame,outFrame,downFrame,upFrame)callback-ThefunctiontocallwhenthisButtonispressed.callbackContext-T

javascript - 如何判断是 "html"还是 "body"滚动窗口

下面的代码用于通过javascript查找可以滚动的元素(body或html)。varscrollElement=(function(tags){varel,$el,init;//iteratethroughthetags...while(el=tags.pop()){$el=$(el);//ifthescrollTopvalueisalready>0thenthiselementwillworkif($el.scrollTop()>0){return$el;}//ifscrollTopis0trytoscroll.elseif($el.scrollTop(1).scrollTop()

javascript - 获取 CoffeeScript 对象的所有实例方法

我有一个CoffeeScript对象,我想获取它的所有实例方法。有没有简单的方法来做到这一点? 最佳答案 您可以获得所有实例方法,因为它们现在使用以下CoffeeScript代码:keys=(kfork,vofobjwhentypeofvis'function')@thejh的解决方案不仅仅提供功能,而且并非在所有JS平台上都有效,但在其他方面是正确的。另请注意,CoffeeScript对象是JavaScript对象——实际上没有区别。 关于javascript-获取CoffeeScri